<template>
	<div class="flex justify-between items-center" :class="isPayout ? 'text-base' : 'text-sm'">
		<div>{{ $t(labelT) }}:</div>
		<up-amount :class="{ 'text-primary': isPayout }" :value="value" />
	</div>
</template>

<script lang="ts" setup>
import { UpAmount } from '@/components/up'
defineProps({
	labelT: {
		type: String,
		default: ''
	},
	value: {
		type: [String, Number],
		default: 0
	},
	isPayout: {
		type: Boolean,
		default: false
	}
})
</script>
